<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>绘制扇形</title>
	</head>
	<body>
		<canvas id="canv" width="500" height="500" style="border:solid 2px red;">
			当前浏览器不支持canvas
		</canvas>
		<script>
			var oC=document.getElementById("canv");
			var ctx=oC.getContext("2d");
			//圆心坐标为（100，100），半径为50，起始弧度为0，结束弧度为120°，按顺时针方向
			ctx.moveTo(100,100);
			ctx.arc(100,100,50,0,90*Math.PI/180);
			ctx.lineTo(100,100);
			ctx.fillStyle="red";
			ctx.stroke();
			ctx.fill();
		</script>
	</body>
</html>
